<!DOCTYPE html>
<html>
<head>
	<title>立即报名</title>
	<link rel="stylesheet" type="text/css" href="./dist/lib/weui.min.css">
	<link rel="stylesheet" type="text/css" href="./statics/style/register.css">
	<link rel="stylesheet" type="text/css" href="./statics/style/public.css">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
 <div class="mainContent">
 	<div class="header">
 		<p class="title">第<span>1</span>期 <span>1</span>班开始报名</p>
 		<hr class="splitLine">
 		<div class="weui-flex time">
		  <div class="weui-flex__item deadline">
		  	<span>报名截止日期</span>
		  	<span>2018.05.06</span>
		  </div>
		  <div class="weui-flex__item deadline startTime">
		  	<span>开课日期</span>
		  	<span>2018.05.16</span>
		  </div>
		</div>
		<div class="recommend">
			<img src="./statics/img/register/avator.png" class="avator">
			<span>推荐等级:</span>
			<span class="level">level1</span>
			<button>修改年级</button>
		</div>
 	</div>
 	<div class="weui-tab bodyCont">
 		<div class="weui-navbar btnChoice">
		  <a class="weui-navbar__item weui_bar__item_on" href="#courseIntr">
		    <div class="courseBtn">
		    	课程介绍
		    </div>
		  </a>
		  <a class="weui-navbar__item" href="#courseChoice">
		    <div class="courseBtn">
		    	课程选择
		    </div>
		  </a>
		</div>
		<div class="weui-tab__bd">
		    <!-- <div id="courseIntr" class="weui-tab__bd-item weui-tab__bd-item--active">
		      <p class="reading">读什么？</p>
		      <span class="advangtage">分级阅读，每个人都能读</span>
		      <p class="advCont">我们将书单划分为4个大类课程，7个阅读等级，每个等级匹配专属学习资料，踮踮脚读懂10w字，100天带你提升一个等级！</p>
		      <img src="./statics/img/register/table.png" class="rect">
		      <div class="cate">
		      	<p>入门</p>
		      	<p>经典</p>
		      	<p>进阶</p>
		      	<p>高阶</p>
		      </div>
		    </div> -->
		    <div id="courseChoice" class="weui-tab__bd-item">
		      <div class="singleCourse">
		      	<div class="courseName">
		      		<img src="./statics/img/register/avatorT.png">
		      		<div class="courseDesc">
		      			<p>
		      				<span>level1</span>
		      				<span class="price">￥199</span>
		      			</p>
		      			<p>主要面向一年级学生，也可以根据实际阅读水平自行选择</p>
		      		</div>
		      	</div>
		      	<div class="courseType">
		      		<p>现代文阅读</p>
		      		<p>国学经典</p>
		      	</div>
		      </div>
		      <div class="singleCourse">
		      	<div class="courseName">
		      		<img src="./statics/img/register/avatorT.png">
		      		<div class="courseDesc">
		      			<p>
		      				<span>level1</span>
		      				<span class="price">￥199</span>
		      			</p>
		      			<p>主要面向一年级学生，也可以根据实际阅读水平自行选择</p>
		      		</div>
		      	</div>
		      	<div class="courseType">
		      		<p>现代文阅读</p>
		      		<p>国学经典</p>
		      	</div>
		      </div>
		      <div class="singleCourse">
		      	<div class="courseName">
		      		<img src="./statics/img/register/avatorT.png">
		      		<div class="courseDesc">
		      			<p>
		      				<span>level1</span>
		      				<span class="price">￥199</span>
		      			</p>
		      			<p>主要面向一年级学生，也可以根据实际阅读水平自行选择</p>
		      		</div>
		      	</div>
		      	<div class="courseType">
		      		<p>现代文阅读</p>
		      		<p>国学经典</p>
		      	</div>
		      </div>
		    </div>
		 </div>
 	</div>
 	<div class="payFooter">
 		<div class="left">
 			<p>
 				<span>level1</span>
 				<span class="price">199</span>
 				<span class="price pre">元/期</span>
 			</p>
 			<p class="desc">
 				打卡满28天，学费打对折
 			</p>
 		</div>
 		<button class="payBtn">立即购买</button>
 	</div>
 </div>
</body>
</html>